<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p:first-letter 
{
color: #ff0000;
font-size:xx-large
}
/*p {border-style: solid; border-width: 5px;}*/
/*p {border-style: solid; border-width: thick;}*/
p {
  border-style: solid;
  border-top-width: 15px;
  border-right-width: 5px;
  border-bottom-width: 15px;
  border-left-width: 5px;
  border-color: blue rgb(25%,35%,45%) #909090 red;
  }
</style>
</head>

<body>
<p>
You can use the :first-letter pseudo-element to add a special effect to the first letter of a text!
</p>
</body>

</html>
